﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Home 05 || Gilbard</title>
    <div th:include="Common/common :: head"></div>
</head>

<body>
    
<div id="main-wrapper">
   
    <!--Header section start-->
    <div th:include="Common/common :: header"></div>
    <!--Header section end-->
    
    <!--slider section start-->
    <div class="hero-section section position-relative pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <!--Hero Item start-->
        <div class="hero-item hero-item-4 hero-item-6" style="background-image: url(assets/images/hero/hero-9.jpg)">
            <div class="container container-1520">
                <div class="row">
                    <div class="col-md-12">
                        <div class="yt_player_inner player-style-1">
                            <iframe src="https://www.youtube.com/embed/R_7ja_PRcLs"></iframe>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Hero Item end-->
    </div>
    <!--slider section end-->
    
    <!--Featured section start-->
    <div class="featured-section section pt-125 pt-lg-95 pt-md-75 pt-sm-55 pt-xs-35 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container-fluid p-0">
            <div class="row no-gutters">
                <div class="col-12">
                    <div class="featured-slide">
                        <div class="single-featured img-full">
                            <a href="#"><img src="assets/images/feature/feature-slide-1.jpg" alt=""></a>
                        </div>
                        <div class="single-featured img-full">
                            <a href="#"><img src="assets/images/feature/feature-slide-2.jpg" alt=""></a>
                        </div>
                        <div class="single-featured img-full">
                            <a href="#"><img src="assets/images/feature/feature-slide-3.jpg" alt=""></a>
                        </div>
                        <div class="single-featured img-full">
                            <a href="#"><img src="assets/images/feature/feature-slide-4.jpg" alt=""></a>
                        </div>
                        <div class="single-featured img-full">
                            <a href="#"><img src="assets/images/feature/feature-slide-5.jpg" alt=""></a>
                        </div>
                        <div class="single-featured img-full">
                            <a href="#"><img src="assets/images/feature/feature-slide-6.jpg" alt=""></a>
                        </div>
                        <div class="single-featured img-full">
                            <a href="#"><img src="assets/images/feature/feature-slide-4.jpg" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Featured section end-->
    
    <!--Video Area Start-->
    <div class="video-area section pb-xs-45">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <!--Single Video Popup Start-->
                    <div class="single-video-popup mb-30">
                        <div class="video-img">
                            <img src="assets/images/video/video6-1.jpg" alt="">
                            <a class="video-popup video-btn" href="https://www.youtube.com/watch?v=g4rYh3e97VU"><i class="icofont-play-alt-2"></i></a>
                            <div class="video-content">
                                <h3>need for speed</h3>
                                <span>8.45</span>
                            </div>
                        </div>
                    </div>
                    <!--Single Video Popup End-->
                </div>
                <div class="col-md-6">
                    <!--Single Video Popup Start-->
                    <div class="single-video-popup mb-30">
                        <div class="video-img">
                            <img src="assets/images/video/video6-2.jpg" alt="">
                            <a class="video-popup video-btn" href="https://www.youtube.com/watch?v=g4rYh3e97VU"><i class="icofont-play-alt-2"></i></a>
                            <div class="video-content">
                                <h3>The Witcher 3</h3>
                                <span>6.45</span>
                            </div>
                        </div>
                    </div>
                    <!--Single Video Popup End-->
                </div>
                <div class="col-md-6">
                    <!--Single Video Popup Start-->
                    <div class="single-video-popup mb-30">
                        <div class="video-img">
                            <img src="assets/images/video/video6-3.jpg" alt="">
                            <a class="video-popup video-btn" href="https://www.youtube.com/watch?v=g4rYh3e97VU"><i class="icofont-play-alt-2"></i></a>
                            <div class="video-content">
                                <h3>pirets of carabian</h3>
                                <span>8.45</span>
                            </div>
                        </div>
                    </div>
                    <!--Single Video Popup End-->
                </div>
                <div class="col-md-6">
                    <!--Single Video Popup Start-->
                    <div class="single-video-popup mb-30">
                        <div class="video-img">
                            <img src="assets/images/video/video6-4.jpg" alt="">
                            <a class="video-popup video-btn" href="https://www.youtube.com/watch?v=g4rYh3e97VU"><i class="icofont-play-alt-2"></i></a>
                            <div class="video-content">
                                <h3>battle field 4</h3>
                                <span>5.18</span>
                            </div>
                        </div>
                    </div>
                    <!--Single Video Popup End-->
                </div>
                <div class="col-md-6">
                    <!--Single Video Popup Start-->
                    <div class="single-video-popup mb-30">
                        <div class="video-img">
                            <img src="assets/images/video/video6-5.jpg" alt="">
                            <a class="video-popup video-btn" href="https://www.youtube.com/watch?v=g4rYh3e97VU"><i class="icofont-play-alt-2"></i></a>
                            <div class="video-content">
                                <h3>batman return</h3>
                                <span>9.39</span>
                            </div>
                        </div>
                    </div>
                    <!--Single Video Popup End-->
                </div>
                <div class="col-md-6">
                    <!--Single Video Popup Start-->
                    <div class="single-video-popup mb-30">
                        <div class="video-img">
                            <img src="assets/images/video/video6-6.jpg" alt="">
                            <a class="video-popup video-btn" href="https://www.youtube.com/watch?v=g4rYh3e97VU"><i class="icofont-play-alt-2"></i></a>
                            <div class="video-content">
                                <h3>king of magic</h3>
                                <span>10.15</span>
                            </div>
                        </div>
                    </div>
                    <!--Single Video Popup End-->
                </div>
                <div class="col-md-6">
                    <!--Single Video Popup Start-->
                    <div class="single-video-popup mb-30">
                        <div class="video-img">
                            <img src="assets/images/video/video6-7.jpg" alt="">
                            <a class="video-popup video-btn" href="https://www.youtube.com/watch?v=g4rYh3e97VU"><i class="icofont-play-alt-2"></i></a>
                            <div class="video-content">
                                <h3>pirets of carabian</h3>
                                <span>3.18</span>
                            </div>
                        </div>
                    </div>
                    <!--Single Video Popup End-->
                </div>
                <div class="col-md-6">
                    <!--Single Video Popup Start-->
                    <div class="single-video-popup mb-30">
                        <div class="video-img">
                            <img src="assets/images/video/video6-8.jpg" alt="">
                            <a class="video-popup video-btn" href="https://www.youtube.com/watch?v=g4rYh3e97VU"><i class="icofont-play-alt-2"></i></a>
                            <div class="video-content">
                                <h3>soad adventure</h3>
                                <span>6.10</span>
                            </div>
                        </div>
                    </div>
                    <!--Single Video Popup End-->
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="blog-pagination text-center">
                        <ul class="page-pagination">
                            <li><a href="#"><i class="icofont-long-arrow-left"></i></a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">6</a></li>
                            <li><a href="#"><i class="icofont-long-arrow-right"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Video Area End-->
    
    <!--Projects section start-->
    <div class="newslatter-section newslatter-section-tow section pb-xs-50">
        <div class="container">
           
            <div class="row">
               <div class="col-12">
                   <!--News Latter Area Start-->
                   <div class="news-latter-area newslatter-black">
                       <div class="news-latter-box">
                           <h3>订阅我们的时事通讯，获取所有信息 <br> 最新消息、更新、视频和优惠</h3>
                           <form action="#">
                               <input type="text" placeholder="Enter your email here">
                           </form>
                       </div>
                   </div>
                   <!--News Latter Area End-->
               </div> 
            </div>
            
        </div>
        
    </div>
    <!--Projects section end-->
    
    <!--Footer section start-->
    <footer class="footer-section style-2 section bg-theme" style="background-image: url(assets/images/bg/footer-bg.jpg)">
       
        <!--Footer Top start-->
        <div class="footer-top section pt-175 pt-lg-150 pt-md-125 pt-sm-110 pt-xs-40 pb-80 pb-lg-70 pb-md-60 pb-sm-15 pb-xs-40">
            <div class="container container-1520">
                <div class="row justify-content-lg-between">
                    
                    <!--Footer Widget start-->
                    <div class="col-xl-3 col-lg-2 col-md-3">
                        <div class="footer-widget">
                            <div class="footer-logo">
                                <a href="index1.html"><img src="assets/images/logo.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                    <!--Footer Widget end-->
                    
                    <!--Footer Widget start-->
                    <div class="col-xl-6 col-lg-6 col-md-9">
                        <div class="footer-widget">
                            <div class="footer-nav">
                                <nav>
                                    <ul>
                                        <li><a href="#">forums</a></li>
                                        <li><a href="#">demo</a></li>
                                        <li><a href="#">support</a></li>
                                        <li><a href="#">terms & conditions</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <!--Footer Widget end-->
                    
                    <!--Footer Widget start-->
                    <div class="col-xl-3 col-lg-4 col-md-12">
                        <div class="footer-widget">
                            <div class="footer-social">
                               <span>follow us:</span>
                                <ul>
                                    <li><a href="#"><i class="icofont-facebook"></i></a></li>
                                    <li><a href="#"><i class="icofont-twitter"></i></a></li>
                                    <li><a href="#"><i class="icofont-instagram"></i></a></li>
                                    <li><a href="#"><i class="icofont-youtube-play"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--Footer Widget end-->    
                    
                </div>
            </div>
        </div>
        <!--Footer Top end-->
        
        <!--Footer bottom start-->
        <div class="footer-bottom border-color section">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="copyright text-center">
                            <p>Copyright &copy;2018 <a  href="http://www.genban.org">Gilbard</a>. All rights reserved.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Footer bottom end-->
        
     </footer>
     <!--Footer section end-->
    
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>